// function familiesAll() {
//     let xhr = new XMLHttpRequest();
//     xhr.open("GET", "http://39.106.207.209:8100/family/getFamiliesAll");
//     xhr.send();
//     xhr.onreadystatechange = function() {
//         if (xhr.status == 200 && xhr.readyState == 4) {
//             let res = JSON.parse(xhr.responseText);
//             // console.log(res);
//             let familyList = res.data;
//             let str = "";
//             for (let index = 0; index < familyList.length; index++) {
//                 str += `<tr>
//                         <td>
//                             <img width='60' height='60' src="${'http://39.106.207.209:8100/clansman' + familyList[index].headimg}" alt="">
//                         </td>
//                         <td>${familyList[index].surname}</td>
//                         <td>${familyList[index].name}</td>
//                         <td>${familyList[index].birth_greg}</td>
//                         <td>${familyList[index].phone}</td>
//                         <td>${familyList[index].gender == 1 ? '男' : '女'}</td>
//                         <td><button onclick="udelete(${familyList[index].id})">删除</button></td>
//                     </tr>`
//             }
//             document.querySelector("#tbbb").innerHTML = str;
//         }
//     };
// }
// familiesAll()

// 删除功能
// function udelete(id) {
//     let xhr = new XMLHttpRequest();
//     xhr.open("DELETE", "http://39.106.207.209:8100/family/deleteFamilyById/" + id);
//     xhr.onreadystatechange = function() {
//         if (xhr.status == 200 && xhr.readyState == 4) {
//             // let res = JSON.parse(xhr.responseText);
//             familiesAll()
//         }
//     };
//     xhr.send();
// }

// 删除功能
function udelete(id) {
    $.ajax({
        url: 'http://39.106.207.209:8100/family/deleteFamilyById/' + id,
        type: 'delete',
        success() {
            familiesAll()
        }
    })
}

function familiesAll() {
    $.ajax({
        type: 'get',
        url: 'http://39.106.207.209:8100/family/getFamiliesAll',
        success(res) {
            // console.log(res.data);
            let str = ''
            for (let i = 0; i < res.data.length; i++) {
                str += `<tr>
                            <td>
                            <img width='60' height='60' src="${'http://39.106.207.209:8100/clansman' + res.data[i].headimg}" alt="">
                            </td>
                            <td>${res.data[i].surname}</td>
                            <td>${res.data[i].name}</td>
                            <td>${res.data[i].birth_greg}</td>
                            <td>${res.data[i].phone}</td>
                            <td>${res.data[i].gender == 1 ? '男' : '女'}</td>
                            <td><button onclick="udelete(${res.data[i].id})">删除</button></td>
                        </tr>`
            }
            $("#tbbb").html(str)
        }
    })
}
familiesAll()